<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <link rel="stylesheet" href="stylesheets/zui.min.css"/>
    <link rel="stylesheet" href="stylesheets/common.css"/>
    <link rel="stylesheet" href="stylesheets/main.css"/>
    <script src="javascripts/jquery-1.10.1.min.js"></script>
    <script src="javascripts/main.js"></script>
    <script src="javascripts/tool.js"></script>
    <script src="javascripts/footer.js"></script>
    <title>斯迈普解盘侠</title>
</head>
<body>
	<section class="hall-section text-center">
		<div class="hall-title col-xs-12" id="trade-title"></div>
		<div class="content" id="variety-content"></div>
	</section>
	
	<script id="title-template" type="text/html">
		<h2 class="hall-title col-xs-12" id="trade-title">{{value}}</h2>
	</script>
	
	<script id="variety-template" type="text/html">
		<h3 class="variety">品种选择</h3>
		<div class="variety-list">
			{{each variety as value i}}
			<a href="#" class="a-btn" name="{{value.name}}" status="0">{{value.text}}</a>
			{{/each}}
		</div>
		<h3 class="variety">是否同时选择外盘品种</h3>
		<div class="variety-list">
			{{each exchange as value i}}
			<a href="#" class="a-btn" name="{{value.name}}">{{value.text}}</a>
			{{/each}}
		</div>
		<a href="#" class="next-btn">
			<span>下一步</span>
			<i class="more more-down"></i>
		</a>
	</script>
	
   	<footer class="footer">
		<div class="col-xs-3 footer-nav-active" id="hall" >
			<i class="icon icon-home"></i>
			<h4>解盘</h4>
		</div>
		<div class="col-xs-3" id="notify"  >
			<i class="icon icon-volume-up"></i>
			<h4>喊单</h4>
		</div>
		<div class="col-xs-3" id="news" >
			<i class="icon icon-globe"></i>
			<h4>资讯</h4>
		</div>
		<div class="col-xs-3" id="my" >
			<i class="icon icon-user"></i>
			<h4>个人中心</h4>
		</div>
	</footer>
	
	<script src="javascripts/Zepto.min.js"></script>
	<script src="javascripts/template.js"></script>
	<script src="javascripts/controller/hall/hall-info.js"></script>
</body>
</html>